<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:jsf="http://xmlns.jcp.org/jsf"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:p="http://primefaces.org/ui">

    <div class="page-content">
        <div class="content container">

            <div class="col-md-12">
                <div class="col-sm-6">
                    <legend class="section">Estimado Socio</legend>
                    Debe llenar el formulario para guardar sus datos. 
                    A continuación los requisitos para terminar el 
                    proceso de inscripción.
                    <br/>
                    <ul>
                        <li>Traer una foto tamaño carnet.</li>
                        <li>Traer una copia de su DNI.</li>
                    </ul>
                </div>
                <div class="col-sm-6">
                    <legend class="section">Nota</legend>
                    Solo los participantes que no sean socios del año pasado 
                    tendrán un porcentaje de descuento (esto se aplica por un determinado 
                    periodo de tiempo, "que esperas aprovecha") (único pago anual).
                    <br/>
                    <ul>
                        <li>Entregar los requisitos a la siguiente dirección: 
                            av. Arenales 395 Oficina 405.</li>
                        <li>Mayor información a: esoriano@cjavaperu.com</li>
                    </ul>
                </div>
                
            </div>
           
            <div class="row">

                <div class="col-lg-12">
                    <div class="widget">
                        <div class="widget-header"> <i class="icon-align-left"></i>
                            <h3>Pre-Inscripción</h3>
                        </div>
                        <div class="widget-content">
                            <h:form class="form-horizontal" >
                                <fieldset>
                                    <legend class="section">Datos Personales</legend>
                                    <div class="control-group">
                                        <label for="normal-field" class="control-label">Documento de Identidad</label>
                                        <div class="controls form-group">
                                            <p:inputText placeholder="12345678" 
                                                         value="#{clientBean.person.dni}"
                                                         styleClass="form-control" 
                                                         id="normal-field" 
                                                         required="true"
                                                         maxlength="8"
                                                         requiredMessage="Falta ingresar su Documento de identidad">
                                                <f:validateLength minimum="8"/>
                                            </p:inputText>                                                                  
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label for="normal-field2" class="control-label">Ap. Paterno</label>
                                        <div class="controls form-group">
                                            <p:inputText placeholder="Apellido Paterno" 
                                                         styleClass="form-control" 
                                                         id="normal-field2" 
                                                         required="true"
                                                         value="#{clientBean.person.fatherName}"
                                                         maxlength="24"
                                                         requiredMessage="Falta apellido paterno" />                          
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label for="normal-field3" class="control-label">Ap. Materno</label>
                                        <div class="controls form-group">
                                            <p:inputText placeholder="Apellido Materno" 
                                                         styleClass="form-control" 
                                                         id="normal-field3" 
                                                         required="true"
                                                         value="#{clientBean.person.motherName}"
                                                         maxlength="24"
                                                         requiredMessage="Falta apellido materno" />                          
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label for="normal-field4" class="control-label">Nombres</label>
                                        <div class="controls form-group">
                                            <p:inputText placeholder="Nombres" 
                                                         styleClass="form-control" 
                                                         id="normal-field4" 
                                                         required="true"
                                                         value="#{clientBean.person.name}"
                                                         maxlength="24"
                                                         requiredMessage="Falta Nombres" />                          
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label for="normal-field5" class="control-label">Teléfono</label>
                                        <div class="controls form-group">
                                            <p:inputText placeholder="Telefono" 
                                                         styleClass="form-control" 
                                                         maxlength="19"
                                                         value="#{clientBean.person.phone2}"
                                                         id="normal-field5" />                          
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label for="normal-field6" class="control-label">Celular</label>
                                        <div class="controls form-group">
                                            <p:inputText placeholder="Telefono" 
                                                         styleClass="form-control" 
                                                         maxlength="19"
                                                         value="#{clientBean.person.phone}"
                                                         id="normal-field6" />                          
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label for="hint-field" class="control-label">Correo electrónico</label>
                                        <div class="controls form-group">
                                            <p:inputText styleClass="form-control" id="hint-field"
                                                         maxlength="49"
                                                         value="#{clientBean.person.email}"
                                                         validatorMessage="Correo inválido"
                                                         required="true" requiredMessage="Falta ingresar email.">
                                                <f:validateRegex
                                                    pattern="^[_A-Za-z0-9-\+]+(\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\.[A-Za-z0-9]+)*(\.[A-Za-z]{2,})$" />
                                            </p:inputText>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label for="normal-field" class="control-label">Fecha de Nacimiento</label>
                                        <div class="controls form-group">
                                            <p:calendar placeholder="dd/mm/yyyy" locale="es"
                                                        pattern="dd/MM/yyyy" required="true"
                                                        value="#{clientBean.person.birthday}"
                                                        validatorMessage="Fecha incorrecta"
                                                        requiredMessage="Falta ingresar su fecha de Nacimiento."
                                                        id="transparent-field" >

                                            </p:calendar>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label for="normal-field7" class="control-label">Dirección</label>
                                        <div class="controls form-group">
                                            <p:inputText placeholder="Av. Lugar #2366" 
                                                         styleClass="form-control" 
                                                         maxlength="99"
                                                         value="#{clientBean.person.addressHome}"
                                                         id="normal-field7" />                          
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label for="normal-field8" class="control-label">Centro de Trabajo</label>
                                        <div class="controls form-group">
                                            <p:inputText placeholder="Ejm: CJava Perú" 
                                                         styleClass="form-control" 
                                                         maxlength="99"
                                                         value="#{clientBean.person.workingData}"
                                                         id="normal-field8" />                          
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label for="normal-field9" class="control-label">Universidad</label>
                                        <div class="controls form-group">
                                            <h:selectOneMenu id="normal-field9" 
                                                             class="btn btn-default btn-xs dropdown-toggle"
                                                             value="#{clientBean.person.idUniversity}"
                                                             converter="universityconvert">
                                                <f:selectItem itemLabel="Seleccione un valor" />
                                                <f:selectItems value="#{clientBean.listUniversity}"
                                                               var="univ" 
                                                               itemLabel="#{univ.name}"
                                                               itemValue="#{univ.id}" />
                                            </h:selectOneMenu>                         
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label for="normal-field10" class="control-label">Departamento</label>
                                        <div class="controls form-group">
                                            <h:selectOneMenu id="normal-field10" value="#{businessAssociateBean.idDepartment}"
                                                             class="btn btn-default btn-xs dropdown-toggle" >
                                                <f:selectItem itemLabel="Seleccione una Departamento" />
                                                <f:selectItems value="#{businessAssociateBean.listDepartment}" var="department"
                                                               itemLabel="#{department.name}" itemValue="#{department.id}" />
                                                <f:ajax event="change" render="normal-field11" 
                                                        listener="#{businessAssociateBean.updateProvince()}"/>
                                            </h:selectOneMenu>                         
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label for="normal-field11" class="control-label">Provincia</label>
                                        <div class="controls form-group">
                                            <h:selectOneMenu id="normal-field11" 
                                                             class="btn btn-default btn-xs dropdown-toggle"
                                                             value="#{businessAssociateBean.idProvince}">
                                                <f:selectItem itemLabel="Seleccione una Provincia" noSelectionOption="true"/>
                                                <f:selectItems value="#{businessAssociateBean.listProvince}" var="provinc"
                                                               itemLabel="#{provinc.name}" itemValue="#{provinc.id}" />
                                                <f:ajax event="change" render="normal-field12"
                                                        listener="#{businessAssociateBean.updateDistrict()}"/>
                                            </h:selectOneMenu>                        
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label for="normal-field12" class="control-label">Distrito</label>
                                        <div class="controls form-group">
                                            <h:selectOneMenu id="normal-field12" 
                                                             value="#{clientBean.idDistrict}"
                                                             class="btn btn-default btn-xs dropdown-toggle">
                                                <f:selectItem itemLabel="Seleccione un Distrito"/>
                                                <f:selectItems value="#{businessAssociateBean.listDistrict}" var="disc"
                                                               itemLabel="#{disc.name}" itemValue="#{disc.id}" />
                                            </h:selectOneMenu>                        
                                        </div>
                                    </div>
                                    <div class="control-group" align="center">
                                        <p:captcha label="Captcha" 
                                                   language="es" theme="white" />
                                    </div>
                                </fieldset>

                                <div class="form-actions">
                                    <div>
                                        <p:commandButton styleClass="btn btn-primary" value="Guardar Datos"
                                                         ajax="false"
                                                         action="#{clientBean.savePreInscriptionAssociate()}"/>
                                        <p:commandButton styleClass="btn btn-default" 
                                                         process="@this"
                                                         update=":globalContent"
                                                         value="Atras" style="margin-left: 5px;">
                                            <f:setPropertyActionListener
                                                target="#{navigatorClientBean.navigationContent}"
                                                value="./pages/client/login.xhtml" />
                                        </p:commandButton>
                                    </div>
                                </div>
                            </h:form>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</ui:composition>

